<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北京航天公司固定资产管理系统</title>
</head>
<body>
<div class="layui-tab">
    <ul class="layui-tab-title">
        <li class="layui-this">盘点计划展示</li>
        <li>计划审批日志</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <center>
                <table id="myTable"  lay-filter="tableFilter"></table>
            </center>
        </div>
        <div class="layui-tab-item">
            <form action="">
                <div class="layui-inline">
                    <label class="layui-form-label">日期：</label>
                    <div class="layui-input-inline">
                        <input type="date" name="approver_time"  lay-verify="date" placeholder="创建日期" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <input type="text" name="history_plan_name"  lay-verify="date" placeholder="计划标题" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <button type="button" onclick="likeAll()" class="layui-btn">查询符合条件的计划</button>
            </form>
            <table id="myTable2"  lay-filter="tableFilter"></table>
        </div>
    </div>
</div>
<script type="text/javascript" src="/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/layui/layui.all.js"></script>
<link rel="stylesheet" href="/layui/css/layui.css">
</body>
<script type="text/javascript">
    var table = layui.table;
    table.render({
        elem: '#myTable',//绑定表格的id
        url: "/CheckPlan/selecyAllPlan",
        width: 1500,
        height:300,
        method: 'post',
        autoSort: false,
        toolbar: '#toolbarDemo', //开启头部工具栏
        cols: [[  {
            field: 'checkplanId',
            title: '计划编号',
            align: 'center',//字体居中
        }, {
            field: 'checkplanName',
            title: '计划名称',
            align: 'center',//字体居中
        }, {
            field: 'planTypeName',
            title: '计划类型',
            align: 'center',//字体居中
        }, {
            field: 'checkstartTime',
            title: '计划开始时间',
            align: 'center',//字体居中
        }, {
            field: 'checkendTime',
            title: '计划结束时间',
            align: 'center',//字体居中
        }, {
            field: 'parsonMan',
            title: '计划负责人',
            align: 'center',//字体居中
        }, {
            field: 'planstartTime',
            title: '计划创建时间',
            align: 'center',//字体居中
        }]
        ],
        limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
        limit: 3,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
        page: true,//是否开启分页
        request: {
            pageName: 'page',
            limitName: 'limit'
        }
    })

    //历史记录表格
    var table = layui.table;
    table.render({
        elem: '#myTable2',//绑定表格的id
        url: "/CheckPlan/initHistroy",
        width: 1500,
        height:350,
        method: 'post',
        autoSort: false,
        toolbar: '#toolbarDemo', //开启头部工具栏
        cols: [[ {
            field: 'history_plan_id',
            title: '计划编号',
            align: 'center',//字体居中
        }, {
            field: 'history_plan_name',
            title: '计划名称',
            align: 'center',//字体居中
        }, {
            field: 'plan_person_name',
            title: '计划负责人',
            align: 'center',//字体居中
        }, {
            field: 'final_approver_name',
            title: '审批人名称',
            align: 'center',//字体居中
            templet: function (d) {
                if (d.final_approver_name == " ") {
                    return '<span style="color: silver">暂无人员审批</span>'
                }else{
                    return d.final_approver_name
                }
            }
        }, {
            field: 'final_result_id',
            title: '审批阶段',
            align: 'center',//字体居中
            templet: function (d) {
                if (d.final_result_id == 1) {
                    return '<span style="color: blue">●等待一级审批</span>'
                } else if (d.final_result_id == 2) {
                    return '<span style="color: blue">●等待二级审批</span>'
                } else if (d.final_result_id == 3) {
                    return '<span style="color: red">●审批盘点已终止</span>'
                } else if (d.final_result_id == 4) {
                    return '<span style="color: mediumspringgreen">●审批完成</span>'
                } else  {
                    return ' '
                }
            }
        }, {
            field: 'approver_time',
            title: '日志时间',
            align: 'center',//字体居中
        }]
        ],
        limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
        limit: 3,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
        page: true,//是否开启分页
        request: {
            pageName: 'page',
            limitName: 'limit'
        }
    })



    function likeAll() {
        $("#myTable2").empty()
        var approver_time = $("[name='approver_time']").val()
        var history_plan_name = $("[name='history_plan_name']").val()
        var table = layui.table;
        table.render({
            elem: '#myTable2',//绑定表格的id
            url: "/CheckPlan/initHistroy",
            width: 1500,
            height:350,
            method: 'post',
            autoSort: false,
            toolbar: '#toolbarDemo', //开启头部工具栏
            cols: [[ {
                field: 'history_plan_id',
                title: '计划编号',
                align: 'center',//字体居中
            }, {
                field: 'history_plan_name',
                title: '计划名称',
                align: 'center',//字体居中
            }, {
                field: 'plan_person_name',
                title: '计划负责人',
                align: 'center',//字体居中
            }, {
                field: 'final_approver_name',
                title: '审批人名称',
                align: 'center',//字体居中
                templet: function (d) {
                    if (d.final_approver_name == " ") {
                        return '<span style="color: silver">暂无人员审批</span>'
                    }else{
                        return d.final_approver_name
                    }
                }
            }, {
                field: 'final_result_id',
                title: '审批阶段',
                align: 'center',//字体居中
                templet: function (d) {
                    if (d.final_result_id == 1) {
                        return '<span style="color: blue">●等待一级审批</span>'
                    } else if (d.final_result_id == 2) {
                        return '<span style="color: blue">●等待二级审批</span>'
                    } else if (d.final_result_id == 3) {
                        return '<span style="color: red">●审批盘点已终止</span>'
                    } else if (d.final_result_id == 4) {
                        return '<span style="color: mediumspringgreen">●审批完成</span>'
                    } else  {
                        return ' '
                    }
                }
            }, {
                field: 'approver_time',
                title: '日志时间',
                align: 'center',//字体居中
            }]
            ],
            limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
            limit: 3,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
            page: true,//是否开启分页
            request: {
                pageName: 'page',
                limitName: 'limit'
            },
            where:{
                approver_time:approver_time,
                history_plan_name:history_plan_name
            }
        })
    }
</script>


</html>